<?php use_javascript('util_presupuesto.js'); ?>

<style type="text/css">


.tiulo{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #fff;
	padding-left:20px;
	}
	
.cuadro{
	margin-left:18px;
	}
	
.textoformulario{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

.textoformulario1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	text-align:center;
	}

.textarea{
	font-family: Arial, Helvetica, sans-serif;
	-webkit-border-radius: 3px;
        border: 1px solid;
    border-radius: 3px;
	padding: 4px;
} 
</style>

<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>


<body onload="MM_preloadImages('/mediatica/web/images/presupuesto/btn_generar1.jpg','images/btn_cancelar1.jpg')">
 
                  <?php if($sf_user->hasFlash('sf_mensajePresupuesto')): ?>
                         <div class="success"> Se registro el presupuesto con exito </div>
                    <?php endif; ?>

    <form id="formPresupuesto" name="formPresupuesto" action="?" method="post">
<table width="1834" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="1838" height="38" colspan="2" background="/mediatica/web/images/presupuesto/cabecera_general.jpg" class="tiulo">GENERAR PRESUPUESTO DE MEDIOS </td>
  </tr>
  <tr>
    <td colspan="2" background="/mediatica/web/images/presupuesto/fondo_general.jpg"><table width="1686" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="402" height="386"><table width="384" border="0" cellpadding="0" cellspacing="0" class="cuadro">
          <tr>
            <td height="29"  background="/mediatica/web/images/presupuesto/cabecera.jpg" class="tiulo">PRESUPUESTO DE MEDIOS </td>
          </tr>
          <tr>
            <td height="326" background="/mediatica/web/images/presupuesto/fondo_presupuesto.jpg">
                <table style="margin-left: 25px;" width="350" border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td width="212" height="0" valign="bottom" class="textoformulario">Cliente</td>
                <td width="138" valign="bottom"><span class="textoformulario">N° Presupuesto</span></td>
              </tr>
              <tr>
                <td height="30">
                   
                    <select style="width: 190px;" id="clienteprod" name="clienteprod" class="textarea" onchange="cargarProductos(this.value)">
                       <option value="none">--Seleccione--</option>
                       <?php foreach($listaClientes as $row): ?>
                           <option value="<?php echo $row->getId(); ?>"><?php echo $row->getRazonSocial(); ?></option>
                       <?php endforeach;?>
                      </select> 
                
                </td>


                <td><input name="numeropre" type="text" class="textarea" id="numeropre" size="20"  value="" /></td>
              </tr>
              <tr>
                <td height="30" valign="bottom"><span class="textoformulario">Producto</span></td>
                <td valign="bottom"><span class="textoformulario">N° de Orden del Cliente</span></td>
              </tr>
              <tr>
                <td height="30">
                    <select id="producto" name="producto" class="textarea" onchange="cargarCampanas(this.value)">
                                <option value="none">--Seleccione--</option>
                            </select>
                </td>
                <td><input name="numeroOrden" type="text" class="textarea" id="numeroOrden" size="20" /></td>
              </tr>
              <tr>
                <td height="30" valign="bottom"><span class="textoformulario">Campaña</span></td>
                <td valign="bottom"><span class="textoformulario">Mes</span></td>
              </tr>
              <tr>
                <td height="30">

                    <select name="campana" class="textarea" id="campana">
                        <option value="none" >--Seleccione-- </option>
                </select></td>
                <td><select name="mes" class="textarea" id="mes">
                  <option value="none">- Seleccionar - </option>
                  <option value="1">Enero</option>
                  <option value="2">Febrero</option>
                  <option value="3">Marzo</option>
                  <option value="4">Abril</option>
                  <option value="5">Mayo</option>
                  <option value="6">Junio</option>
                  <option value="7">Julio</option>
                  <option value="8">Agosto</option>
                  <option value="9">Setiembre</option>
                  <option value="10">Octubre</option>
                  <option value="11">Noviembre</option>
                  <option value="12">Diciembre</option>
                </select></td>
              </tr>
              <tr>
                <td height="30" valign="bottom"><span class="textoformulario">Comisión Tradicional</span></td>
                <td valign="bottom"><span class="textoformulario">Moneda</span></td>
              </tr>
              <tr>
                <td height="30"><input name="comitradicional" type="text" class="textarea" id="comitradicional" size="8" /></td>
                <td><select name="moneda" class="textarea" id="moneda">
                  <option value="none">- Seleccionar - </option>
                  <option value="1">Soles</option>
                  <option value="2">Dolares</option>
                </select></td>
              </tr>
              <tr>
                <td height="30" valign="bottom"><span class="textoformulario">Comisión Autogestionable</span></td>
                <td valign="bottom"><span class="textoformulario">Tipo de Cambio</span></td>
              </tr>
              <tr>
                <td height="30"><input name="comisionautogestionable" type="text" class="textarea" id="comisionautogestionable" size="8" /></td>
                <td><input name="tipoCambio" type="text" class="textarea" id="tipoCambio" size="20" /></td>
              </tr>
            </table></td>
          </tr>
        </table></td>
        <td width="1283">
            <table width="235" border="0" cellpadding="0" cellspacing="0" class="cuadro">
          <tr>
            <td height="29" background="/mediatica/web/images/presupuesto/cabeceradatos.jpg" class="tiulo"></td>
          </tr>
          <tr>
            <td height="326" background="/mediatica/web/images/presupuesto/fondodatos.jpg">
                
                <table style="margin-left: 25px;" width="200" border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td width="212" height="0" valign="bottom" class="textoformulario">
                    
                       <input type="button" value="Registrar" onclick="validarPresupuesto('formPresupuesto','<?php echo url_for('@insertPresupuesto') ?>')"  />
                </td>
              </tr>
             

            </table>
            
            </td>
          </tr>
        </table></td>

      </tr>







      <tr>
        <td height="200" colspan="2" valign="top"><table width="1798" border="0" cellpadding="0" cellspacing="0" class="cuadro">
          <tr>
            <td width="1948" height="28" background="/mediatica/web/images/presupuesto/cabecera_formato.jpg" class="tiulo">FORMATOS PUBLICITARIOS</td>
          </tr>
          <tr>
            <td height="300" background="/mediatica/web/images/presupuesto/fondo_formato.jpg"><table width="1331" border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td width="1114" height="28" align="center" valign="middle" bgcolor="#246178" class="textoformulario"><span class="tiulo">LISTA DE FORMATOS PUBLICITARIOS</span></td>
              </tr>
              <tr>
                <td height="28" valign="bottom" background="/mediatica/web/images/presupuesto/fondolista.jpg"><table width="1360" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td height="10" align="center" bgcolor="#54a09a"><strong class="textoformulario1">PROVEEDOR</strong></td>
                    <td align="center" bgcolor="#54a09a" class="textoformulario1"><strong>CONTRATO</strong></td>
                    <td align="center" bgcolor="#54a09a"><strong class="textoformulario1">SALDO</strong></td>
                    <td align="center" bgcolor="#54a09a"><strong class="textoformulario1">MEDIO</strong></td>
                    <td align="center" bgcolor="#54a09a"><strong class="textoformulario1">FORMATO</strong></td>
                    <td align="center" bgcolor="#54a09a"><strong class="textoformulario1">TIPO DE COMPRA</strong></td>
                    <td colspan="2" align="center" bgcolor="#54a09a"><strong class="textoformulario1">DURACION (DIAS)</strong></td>
                    <td align="center" bgcolor="#54a09a"><p><strong class="textoformulario1">INVENTARIO </strong><strong class="textoformulario1">COMPRAR </strong></p></td>
                    <td align="center" bgcolor="#54a09a"><p><strong class="textoformulario1">COSTO<br />
                      CPM </strong></p></td>
                    <td align="center" bgcolor="#54a09a"><p><strong class="textoformulario1">CPC CPL<br />
                      CPA CPH </strong></p></td>
                    <td align="center" bgcolor="#54a09a"><strong class="textoformulario1">DSCT<br />
                      AGENCIA </strong></td>
                    <td align="center" bgcolor="#54a09a"><strong class="textoformulario1">TOTAL </strong></td>
                    <td align="center" bgcolor="#54a09a"><strong class="textoformulario1">COSTO<br />
                      ADVERSER </strong></td>
                    <td align="center" bgcolor="#54a09a"><strong class="textoformulario1">TOTAL<br />
                      ADVERSER</strong></td>
                    <td align="center" bgcolor="#54a09a"><strong class="textoformulario1">LIQUIDACION</strong></td>
                    <td align="center" bgcolor="#54a09a"><strong class="textoformulario1">COMISION %</strong></td>
                    <td align="center" bgcolor="#54a09a"><strong class="textoformulario1">TOTAL<br />
                      COMISION</strong></td>
                    <td align="center" bgcolor="#54a09a"><p><strong class="textoformulario1">COSTO<br />
                      TOTAL </strong></p></td>
                    <td align="center" bgcolor="#54a09a">&nbsp;</td>
                  </tr>
                  <tr id="contenedorAjax">
                    <td width="103">
                    
                    <?php if(count($listaProveedores)>0): ?>
                        <select name="cboProovedor" class="textarea" id="cboProovedor" onchange="buscarContratosAndMedios(this.value,'<?php echo url_for('@buscarContrato') ?>','<?php echo url_for('@buscarMedio') ?>')">
                        <option value="none">Seleccionar</option>
                      <?php foreach ($listaProveedores as $row):?>
                        <option value="<?php echo $row->getId(); ?>"><?php echo $row->getRazonSocial(); ?></option>
                      <?php endforeach; ?>
                    </select>
                    <?php endif; ?>
                    
                    </td>
                    <td width="103">
                        <select name="cboContrato" class="textarea" id="cboContrato">
                            <option value="none">Seleccionar</option>
                        </select>
                    </td>
                    <td width="56">
                        <input name="saldo" type="text" class="textarea" id="saldo" size="8" />
                    </td>
                    <td width="103">
                        <select name="cboMedios" class="textarea" id="cboMedios">
                            <option value="none">Seleccionar</option>
                        </select>
                    </td>
                    <td width="68">
                        <input name="formato" type="text" class="textarea" id="formato" size="10" />
                    </td>
                    <td width="103">
                        
                    <select name="cboTipoCompra" class="textarea" id="cboTipoCompra">
                        <option value="none">Seleccionar</option>
                        <option value="1">Costo por clic</option>
                        <option value="2">Horas</option>
                        <option value="3">Costo por visita</option>
                        <option value="4">Consto por mil impresiones</option>
                        <option value="5">Costo PLEAD</option>
                        <option value="6">Costo PA</option>
                        <option value="7">Patrocinio</option>
                    </select>
                        
                    </td>
                    <td width="85">
                        <input placeholder="Inicio" style="width: 110px;height: 22px;margin: 0px 1.5px;" type="text" name="datepickerInicio" id="datepickerInicio" />
                    </td>
                    <td width="95">
                        <input placeholder="Fin" style="width: 110px;height: 22px;margin: 0px 1.5px;" type="text" name="datepickerFin" id="datepickerFin" />
                    </td>
                    <td width="98"><input name="inventario" type="text" class="textarea" id="inventario" size="15" /></td>
                    <td width="44"><input name="costoCmp" type="text" class="textarea" id="costoCmp" size="6" /></td>
                    <td width="45"><input name="cpc" type="text" class="textarea" id="cpc" size="6" /></td>
                    <td width="51"><input name="descuentoAgencia" type="text" class="textarea" id="descuentoAgencia" size="6" /></td>
                    <td width="44"><input name="total" type="text" class="textarea" id="total" size="6" /></td>
                    <td width="59"><input name="costoAdverser" type="text" class="textarea" id="costoAdverser" size="6" /></td>
                    <td width="56"><input name="totalAdverser" type="text" class="textarea" id="totalAdverser" size="6" /></td>
                    <td width="69"><input name="liquidacion" type="text" class="textarea" id="liquidacion" size="6" /></td>
                    <td width="57"><input name="comisionPorcentaje" type="text" class="textarea" id="comisionPorcentaje" size="6" /></td>
                    <td width="54"><input name="totalComision" type="text" class="textarea" id="totalComision" size="6" /></td>
                    <td width="38"><input name="costoTotal" type="text" class="textarea" id="costoTotal" size="5" /></td>
                    <td width="29"><a href="javascript:agregarDetalleFormatoPublicitario();"><img src="/mediatica/web/images/presupuesto/btn_mas.jpg" width="22" height="23" /></a></td>
                  
                  </tr>
                  
                  <tr>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td class="textoformulario">Subtotal</td>
                    <td>&nbsp;</td>
                    <td><input name="textfield26" type="text" class="textarea" id="textfield26" size="6" /></td>
                    <td><input name="textfield25" type="text" class="textarea" id="textfield25" size="6" /></td>
                    <td><input name="textfield24" type="text" class="textarea" id="textfield24" size="6" /></td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td><input name="textfield21" type="text" class="textarea" id="textfield21" size="5" /></td>
                    <td>&nbsp;</td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td><span class="textoformulario">IGV</span></td>
                    <td><input name="textfield29" type="text" class="textarea" id="textfield29" size="6" /></td>
                    <td><input name="textfield27" type="text" class="textarea" id="textfield27" size="6" /></td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td><input name="textfield22" type="text" class="textarea" id="textfield22" size="5" /></td>
                    <td>&nbsp;</td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td><span class="textoformulario">Total</span></td>
                    <td>&nbsp;</td>
                    <td><input name="textfield28" type="text" class="textarea" id="textfield28" size="6" /></td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td><input name="textfield23" type="text" class="textarea" id="textfield23" size="5" /></td>
                    <td>&nbsp;</td>
                  </tr>
                  <tr>
                
                    <td colspan="6">&nbsp;</td>
                    <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','/mediatica/web/images/presupuesto/btn_generar1.jpg',1)"></a></td>
                    <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','/mediatica/web/images/presupuesto/btn_generar1.jpg',1)"><img src="/mediatica/web/images/presupuesto/btn_generar.jpg" name="Image2" width="94" height="30" border="0" id="Image2" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','/mediatica/web/images/presupuesto/btn_cancelar1.jpg',1)"></a></td>
                    <td height="50" colspan="12"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','/mediatica/web/images/presupuesto/btn_cancelar1.jpg',1)"><img src="/mediatica/web/images/presupuesto/btn_cancelar.jpg" name="Image3" width="94" height="30" border="0" id="Image3" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','/mediatica/web/images/presupuesto/btn_cancelar1.jpg',1)"></a><br /></td>
                    </tr>
                </table></td>
              </tr>
              <tr>
                <td height="1" valign="bottom"  background="/mediatica/web/images/presupuesto/pielista.jpg" ></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td height="1" bgcolor="#2e7e83"></td>
          </tr>
        </table></td>
      </tr>
    </table>
    <br /></td>
  </tr>
  <tr>
      <td height="3" colspan="2"><?php echo image_tag('presupuesto/pie_general.jpg') ?></td>
  </tr>
</table>
</form>

</body>
</html>

<script type="text/javascript">


function regresar()
{
       this.location.href='<?php echo url_for('@listCampana') ?>';


}


                var numeroPresupuesto=$("#numeropre").val();
function cargarProductos(idCliente)
{

          $.ajax({
            type: "get",
            url: '<?php echo url_for('@cargarProductosPresupuesto') ?>',
            dataType: "html",
            data:
            {
                idCampana:idCliente
            },
            success:function(data)
            {
                $("#producto").html(data);
                
            }
         });
}

function cargarComisiones(idProducto)
{
     $.ajax({
                type: "get",
                url: '<?php echo url_for('@cargarComisiones') ?>',
                dataType: "json",
                data:
                {
                    idProducto:idProducto
                },
                success:function(data)
                {

                    if(data.success)
                        {
                            $("#comitradicional").val(data.comisiontradicional);
                            $("#comisionautogestionable").val(data.comisionautogestionable);
                            cargarIdProducto(idProducto);


                        }


                }
             });


}




function cargarCampanas(idProducto)
{
              $.ajax({
            type: "get",
            url: '<?php echo url_for('@cargarCampanas') ?>',
            dataType: "html",
            data:
            {
                idProducto:idProducto
            },
            success:function(data)
            {
                $("#campana").html(data);
                cargarComisiones(idProducto);
            }
         });


}

function cargarIdProducto(idProducto,numeroPresupuesto){

         $.ajax({
                type: "get",
                url: '<?php echo url_for('@cargarId') ?>',
                dataType: "json",
                data:
                {
                    idProducto:idProducto,
                    numeroPresupuesto:numeroPresupuesto
                },
                success:function(data)
                {

                    if(data.success)
                        {
                            $("#numeropre").val(data.codigoProducto);



                        }


                }
             });
}


function agregarDetalleFormatoPublicitario()
{

         $.ajax({
                type: "post",
                url: '<?php echo url_for('@agregarDetalleFormatoPublicitario') ?>',
                dataType: "html",
                data:
                {
                    cboProovedor: $("#cboProovedor").val(),
                    cboContrato:$("#cboContrato").val(),
                    saldo:$("#saldo").val(),
                    cboMedios:$("#cboMedios").val(),
                    formato:$("#formato").val(),
                    cboTipoCompra:$("#cboTipoCompra").val(),
                    datepickerInicio:$("#datepickerInicio").val(),
                    datepickerFin:$("#datepickerFin").val(),
                    inventario:$("#inventario").val(),
                    costoCmp:$("#costoCmp").val(),
                    cpc:$("#cpc").val(),
                    descuentoAgencia:$("#descuentoAgencia").val(),
                    total:$("#total").val(),
                    costoAdverser:$("#costoAdverser").val(),
                    totalAdverser:$("#totalAdverser").val(),
                    liquidacion:$("#liquidacion").val(),
                    comisionPorcentaje:$("#comisionPorcentaje").val(),
                    totalComision:$("#totalComision").val(),
                    costoTotal:$("#costoTotal").val()
                },
                success:function(data)
                {
                    $(data).insertAfter("#contenedorAjax");
                    limpiarDetalleFormatoPublicitarios();
                }
             });
}

function limpiarDetalleFormatoPublicitarios()
{
            $("#cboProovedor").val("");
            $("#cboContrato").val("");
            $("#saldo").val("");
            $("#cboMedios").val("");
            $("#formato").val("");
            $("#cboTipoCompra").val("");
            $("#datepickerInicio").val("");
            $("#datepickerFin").val("");
            $("#inventario").val("");
            $("#costoCmp").val("");
            $("#cpc").val("");
            $("#descuentoAgencia").val("");
            $("#total").val("");
            $("#costoAdverser").val("");
            $("#totalAdverser").val("");
            $("#liquidacion").val("");
            $("#comisionPorcentaje").val("");
            $("#totalComision").val("");
            $("#costoTotal").val("");
}





  $(function() {
    $( "#datepickerInicio, #datepickerFin" ).datepicker({
      changeMonth: true,
      changeYear: true
    });
  });

</script>

